/* 设置背景渐变 */
.root {
    -fx-background-color: linear-gradient(to bottom right, #7B9AC8, #A9D3E9);
    -fx-background-image: url('../image/background.png');
    -fx-background-size: cover;
    -fx-background-position: center;
}

/* 标题样式 */
#titleLabel {
    -fx-font-size: 32px;
    -fx-font-weight: bold;
    -fx-text-fill: white;
    -fx-alignment: center;
    -fx-padding: 20;
    -fx-halignment: center;
    -fx-valignment: center;
    -fx-effect: dropshadow(gaussian, #000000, 5, 0, 0, 2);
}

/* 按钮样式 */
.styled-button {
    -fx-font-size: 18px;
    -fx-background-radius: 15;
    -fx-text-fill: white;
    -fx-background-color: rgba(92, 141, 161, 0.5);
    -fx-pref-width: 450px;
    -fx-min-height: 50px;
    -fx-max-height: 50px;
    -fx-effect: dropshadow(gaussian, #000000, 5, 0, 0, 2);
    -fx-transition: all 0.3s ease;
    -fx-cursor: hand;
}

/* 鼠标悬停效果 */
.styled-button:hover {
    -fx-background-color: rgba(74, 111, 138, 0.6);
    -fx-effect: dropshadow(gaussian, #000000, 10, 0, 0, 3);
    -fx-scale-x: 1.02;
    -fx-scale-y: 1.02;
}

/* 状态栏样式 */
.status-label {
    -fx-font-size: 16px;
    -fx-text-fill: white;
    -fx-alignment: center;
    -fx-padding: 10;
    -fx-effect: dropshadow(gaussian, #000000, 3, 0, 0, 1);
}

/* 响应式布局，使按钮自适应屏幕尺寸 */
.VBox {
    -fx-alignment: center;
    -fx-spacing: 30px;
    -fx-padding: 20px;
    -fx-vgrow: always;
    -fx-hgrow: always;
    -fx-background-color: rgba(0, 0, 0, 0.1);
    -fx-background-radius: 20;
}

/* AnchorPane 自动调整 */
.AnchorPane {
    -fx-pref-width: 100%;
    -fx-pref-height: 100%;
    -fx-vgrow: always;
    -fx-hgrow: always;
}

/* 按钮图标样式 */
.button-icon {
    -fx-padding: 0 10 0 0;
}

/* 半透明遮罩 */
.overlay {
    -fx-background-color: rgba(0, 0, 0, 0.2);
    -fx-background-radius: 20;
}
